//初始化地图信息
const initMap=()=>{
    console.log('mapInit');
    var map = new BMap.Map('mapContainer');
    var point = new BMap.Point(119.2043099519231, 26.064666454604797); 
    //设置地图中心与放大倍数
    map.centerAndZoom(point,17) 
    
    //设置地图样式（皮肤），并且可以自定义
    map.setMapStyleV2({     
        styleId: 'df833c5a841d8896444c0982d007ff8b'
    });
    
}

const loadMapScript = () => {
    // 此处在所需页面引入资源就是，不用再public/index.html中引入
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.className = "loadmap"; // 给script一个类名
    script.src =
    "https://api.map.baidu.com/api?v=3.0&ak=itQ3DWgrPP7fdS26ALG8ht4FgEYaV8rT";
        // 此处需要注意：申请ak时，一定要应用类别一定要选浏览器端，不能选服务端，不然地图会报ak无效
    script.onload = () => {
        // 使用script.onload，待资源加载完成，再初始化地图
        initMap();
    };
    let loadmap = document.getElementsByClassName("loadmap");
    if (loadmap) {
        // 每次append script之前判断一下，避免重复添加script资源标签
        for (var i = 0; i < loadmap.length; i++) {
        document.body.removeChild(loadmap[i]);
        }
    }

    document.body.appendChild(script);
};


export default loadMapScript;